<template>
  <div class="iframe_box" :style="{ height: recognitionHeight }">
          <div class="iframe_box_top">智能识别系统</div>
          <div
            style="
              width: 1155px;
              height: 800px;
              overflow: hidden;
              border: 0px;
              margin: 100px auto;
              position: relative;
            "
          >
            <div style="margin: -530px -100px 0px -280px; position: relative">
              <iframe
                :src="recognitionUrl"
                id="ifyemian"
                scrolling="no"
                frameborder="0"
                style="
                  position: absolute;
                  width: 112%;
                  height: 1323px;
                  display: block;
                  left: 0;
                  right: 0;
                "
              >
              </iframe>
            </div>
          </div>
        </div> 
</template>
<script setup>
import { ref,onMounted } from "vue";
let recognitionHeight=ref('830px')
let recognitionUrl=ref('https://www.faceplusplus.com.cn/license-plate-recognition/')
</script>
<style lang="less" scoped>
.iframe_box ,.iframe_box_change{
		width: 100%;
		height: 1180px;
		position: relative;
	}
	.iframe_box_change{
		height: 580px;
		padding-top: 50px;
	}
	.iframe_box	.iframe_box_content, .iframe_box_change .iframe_box_content{
		width: 100%;
		height: 100%;
	}
	.iframe_box_top{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		font-size: 25px;
		line-height: 100px;
		background: #fff;
		z-index: 99999999;
		padding-left: 50px;
	}
	#iframe_box_face div::before {
		content: '';
		width: 100px;
		position: absolute;
		top: 154px;
		right: 129px;
		z-index: 999;
		height: 20px;
		background-color: #FFFFFF;
	}

	#iframe_box_face>h1 {
		margin-top: 100px;
		margin-bottom: 20px;
	}
	#outerdiv
	{
		margin: 0 auto;
		width:1500px;
		height:600px;
		overflow:hidden;
		position:relative;
	}

	#inneriframe
	{
		position:absolute;
		top:-150px;
		left:0px;
		width:1300px;
		height:450px;
	}
</style>
